<div class="form" style="float: left;max-width:16.66666667%;">
    <form class="layui-form" style="background-color:#36648A;padding: 10px 10px 1px 12px;width:100%;border-radius:5px;" id='fromsub'>
		<h2 style='padding-bottom: 5px;color:#ffffff;margin-bottom: 10px'>{:lang('Request a Quote')}</h2>
	    <div class="layui-form-item">

			<div class="layui-input-block">
				<input type="text" name="name" id='formname' placeholder="姓名" class="layui-input" />
				<div style="color:red;position: absolute;top:2px;left: -8px">*</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<input type="text" name="company" placeholder="公司" autocomplete="off"	class="layui-input" />
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block" style='position: relative'>
				<input type="text" name="email" id='formemail' placeholder="邮箱" class="layui-input" />
				<div style="color:red;position: absolute;top:2px;left: -8px">*</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<input type="text" name="phone" id='formphone' placeholder="手机号码" class="layui-input" />
				<div style="color:red;position: absolute;top:2px;left: -8px">*</div>
			</div>
		</div>

		<div class="layui-form-item">
			<div class="layui-input-block layui-input" style="height:40px;line-height:40px" id='fileNamefrom'>
				<input type="button" id="miaoshu" value="选择文件" onclick="javascript:$('input[name=\'fileName\']').click();" style="background-color: black;border: 1px solid #ccc;font-weight: normal;color: #FFF;border-radius: 5px;cursor: pointer;padding:2px 5px" class=" text" />
				<input name="file" placeholder="未选择文件" readonly onclick="javascript:$('input[name=\'fileName\']').click();" style="width: 60%; border: none;" />
				<input type="file" id="fileName" name="fileName" style="display: none;" onchange="javascript:$('input[name=\'file\']').val(value);$('input[name=\'file\']').prop('size',this.value.length+6);" />
			</div>
	    </div>
	   <!--  <div style="margin-top:-15px">
			<div style="color:#E2E2E2;font: 12px/14px arial,helvetica,sans-serif;padding:3px 0px;font-style:italic;">Allow file formats (gif、jpeg、jpg、png、pdf、txt、doc、xls、xlsx、docx)</div>
		</div> -->

		<div class="layui-form-item layui-form-text">
			<div class="layui-input-block">
				<textarea name="comments" placeholder="请填写您的建议" class="layui-textarea"></textarea>
			</div>
		</div>
		<?php if($base_data['is_show_code']==true){?>
        <div class="layui-form-item" id="code_div" style="display:block">
            <div class="verification-code">
                <input class="verification-code-input layui-input" type="text" name="code" id='formcode' autocomplete="off" placeholder="请填写验证码"/>
                <div style="color:red;position: absolute;top:2px;left: -8px">*</div>
                <div class="verification-code-img">
                	<img src="{:url('index/xunpan/verify')}" id="code_img" onclick="this.src=this.src.split('?')[0] + '?'+new Date().getTime()" title="点击刷新验证码" >
                </div>                  
            </div>
        </div>
        <?php } ?>
        <div style="margin-top:-15px">
			<div style="color:#E2E2E2;font: 12px/14px arial,helvetica,sans-serif;padding:3px 0px;font-style:italic;">允许的文件格式(gif、jpeg、jpg、png、pdf、txt、doc、xls、xlsx、docx)</div>
		</div> 
		<div class="layui-form-item" style="text-align: center;">
			<div class="layui-input-block" >
				<button id='gform_submit_button_3' lay-filter="formDemo" lay-submit type='button' class="layui-btn layui-btn-sm" style="background-color: #f7c542;color: #000;font-weight: bold;border-radius: 5px;margin-top: 3px;">发送询价</button>
			</div>
		</div>

    </form>

	
	<div id='loading-form' style="text-align:center;display:none;width:100%;position:absolute;top:45%;z-index:999;text-align:center;">
		<style type="text/css">
			@-webkit-keyframes rotation{
                from {-webkit-transform: rotate(0deg);}
                to {-webkit-transform: rotate(360deg);}
            }
		</style>
	<img src="{:Config::get('app.images_host')}/images/web/chilun.svg?v={time()}" style="width:20%;height:20%;color: #ffffff;-webkit-transform: rotate(360deg);animation: rotation 2s linear infinite;-moz-animation: rotation 2s linear infinite;-webkit-animation: rotation 2s linear infinite;-o-animation: rotation 2s linear infinite;" >
	</div>
	<div style="position:absolute;left:0;top:0;width:100%;height:100%;z-index: 998;border-radius: 5px;display:none;background-color: rgba(10,45,76,.9);" id='form-zhe'>
		
	</div>
</div>

<div style="position:fixed;left:0;top:0;width:100%;height:100%;z-index: 998;border-radius: 5px;display:none;background-color: rgba(10,45,76,.9);" id='body-zhe'>
		
</div>
